<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      *{
          margin: 0;
          padding: 0;
      }
      .one{
          text-align: center;
          color: black;
          background-color: lightcyan;
          line-height: 60px;
          }
    .content{
        margin: auto;
        padding: auto;
        width: 400px;
        height: 600px;
        background-color: tan;
        background-image: url(imges/timg2.jpg);
    }
    .content img{
        width: 380px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .three{
        color: deepskyblue;
        margin-top: 20px;
        padding-left: 30px;
    }
      .two{
          width: 100px;
          height: 34px;
          background-color: aquamarine;
          border: 1px solid springgreen;
          color: #333;
      }
      .first{
           width: 250px;
           height: 30px;
           border: 1px solidk gray;
           margin-top: 10px;
           margin-left: 10px;
      }
    </style>
</head>
<body>
    <h3 class="one">个人网站</h3>
<div class="content">
    <input type="text" class="first">
    <button class="two" >百度一下</button>
    <h3 class="three">|About Us|</h3>
    <img src="imges/timg1.jpg" alt="" class="images1">
    <p>&nbsp;关于单纯的信任</p><br>
    <p>&nbsp;关于拥抱的心疼</p><br>
    <p>&nbsp;关于青春&nbsp;那件傻事的余震</p><br>
    <p>&nbsp;就用这一首歌来作证</p><br>
    <p>&nbsp;2015年&nbsp;周笔畅&nbsp;反思青春&nbsp;温情解读关于（我们）</p><br>
    &nbsp;<a href="#">去百度</a>
    &nbsp;<a href="#">去淘宝</a>
    
</div>
    </div>
</body>
</html>